<!DOCTYPE html>
<html style="background: #fff;">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />		
		<meta content="yes" name="apple-mobile-web-app-capable"> 
		<meta content="yes" name="apple-touch-fullscreen"> 
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta charset="UTF-8">
		<title>搜索</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css">
		<script type="text/javascript" src="js/flexible.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<style>
			.swiper-slide{
				text-align:center;
			}
		</style>
	</head>
	<body style="background:none;">
		<form class="me-form" >
			<div class="me-form-box" >
				<div class="me-form-box-dw"><input type="text" style="border:1px solid #6ba0ef;height:0.8rem;border-radius:20px;color:#000000;font-size:0.373rem;padding-left: 0.2667rem;" value="" placeholder="请输入机构名称" name=""><a style='float:right;color:#6ba0ef;font-size:0.453rem;' href="javascript:;">搜索</a></div>
			</div>
		</form>
		<div class="search-list">
			<h2><span>热门搜索</span></h2>
			<ul>
				<li><a href="javascript:;">珠心算补习班</a></li>
				<li><a href="javascript:;">珠心算补习班</a></li>
				<li><a href="javascript:;">珠心算</a></li>
				<li><a href="javascript:;">珠心算补习班</a></li>
				<li><a href="javascript:;">珠心算补习班</a></li>
					<li><a href="javascript:;">珠心算</a></li>
						<li><a href="javascript:;">珠心算</a></li>
							<li><a href="javascript:;">珠心算</a></li>
								<li><a href="javascript:;">珠心算</a></li>
				<div class="clear"></div>
			</ul>
			<div class="clear"></div>
		</div>

		<div class="search-list" style="margin-top:0.2rem;">
			<h2><span>我的历史搜索</span><span style="color:#6ba0ef" class="fr">清空历史搜索</span></h2>
			<ul>
				<li><a href="javascript:;">珠心算补习班</a></li>
				<li><a href="javascript:;">珠心算补习班</a></li>
				<li><a href="javascript:;">珠心算</a></li>
				<li><a href="javascript:;">珠心算补习班</a></li>
				<li><a href="javascript:;">珠心算补习班</a></li>
					<li><a href="javascript:;">珠心算</a></li>
						<li><a href="javascript:;">珠心算</a></li>
							<li><a href="javascript:;">珠心算</a></li>
								<li><a href="javascript:;">珠心算</a></li>
				<div class="clear"></div>
			</ul>
			<div class="clear"></div>
		</div>
		<div style="display: none;">
			<div style="background:#fff">
				<div class="swiper-container pro-nav">
				  <div class="swiper-wrapper">
				    <div class="swiper-slide active">所有活动</div>
				    <div class="swiper-slide">川剧</div>
				    <div class="swiper-slide">京剧</div>
				    <div class="swiper-slide">舞台剧</div>
				    <div class="swiper-slide">话剧</div>
				    <div class="swiper-slide">舞台剧</div>
				    <div class="swiper-slide">话剧</div>
				     <div class="swiper-slide">川剧</div>
				    <div class="swiper-slide">京剧</div>
				  </div>
				</div>
			</div>	
			<div style="background:#fff;">
				<ul class="index-list">
					<a href="activity_xq.html">
						<li style="padding:0.573rem 0;margin-bottom: 0;">
							<div class="index-list-top">
								<img class="fl" src="images/i1.jpg" alt=""/>
								<div class="index-list-top-right fr">
									<h3>川剧《诗酒太白》</h3>
									<p>四川艺术职业学院近期推出的川剧《诗酒太白》,就用“泼墨”测试测试</p>
								</div>
								<div class="clear"></div>
							</div>
							<div class="index-list-bottom">
								<div class="index-list-bottom-left fl">
									<p>时间：2017.12.20-2017.12.30</p>
									<p>地址：四川艺术职业学院剧场</p>
								</div>
								<span class='fr'>进行中</span>
							</div>
						</li>
					</a>
					<a href="activity_xq.html">
						<li style="padding:0.573rem 0;margin-bottom: 0;">
							<div class="index-list-top">
								<img class="fl" src="images/i1.jpg" alt=""/>
								<div class="index-list-top-right fr">
									<h3>川剧《诗酒太白》</h3>
									<p>四川艺术职业学院近期推出的川剧《诗酒太白》,就用“泼墨”测试测试</p>
								</div>
								<div class="clear"></div>
							</div>
							<div class="index-list-bottom">
								<div class="index-list-bottom-left fl">
									<p>时间：2017.12.20-2017.12.30</p>
									<p>地址：四川艺术职业学院剧场</p>
								</div>
								<span class='fr'>进行中</span>
							</div>
						</li>
					</a>	
					<a href="activity_xq.html">
						<li style="padding:0.573rem 0;margin-bottom: 0;">
							<div class="index-list-top">
								<img class="fl" src="images/i1.jpg" alt=""/>
								<div class="index-list-top-right fr">
									<h3>川剧《诗酒太白》</h3>
									<p>四川艺术职业学院近期推出的川剧《诗酒太白》,就用“泼墨”测试测试</p>
								</div>
								<div class="clear"></div>
							</div>
							<div class="index-list-bottom">
								<div class="index-list-bottom-left fl">
									<p>时间：2017.12.20-2017.12.30</p>
									<p>地址：四川艺术职业学院剧场</p>
								</div>
								<span class='fr'>进行中</span>
							</div>
						</li>
					</a>	
					<a href="activity_xq.html">
						<li style="padding:0.573rem 0;margin-bottom: 0;">
							<div class="index-list-top">
								<img class="fl" src="images/i1.jpg" alt=""/>
								<div class="index-list-top-right fr">
									<h3>川剧《诗酒太白》</h3>
									<p>四川艺术职业学院近期推出的川剧《诗酒太白》,就用“泼墨”测试测试</p>
								</div>
								<div class="clear"></div>
							</div>
							<div class="index-list-bottom">
								<div class="index-list-bottom-left fl">
									<p>时间：2017.12.20-2017.12.30</p>
									<p>地址：四川艺术职业学院剧场</p>
								</div>
								<span class='fr'>进行中</span>
							</div>
						</li>
					</a>	
				</ul>
			</div>	
		</div>	
	</body>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script> 
		var mySwiper = new Swiper('.swiper-container', {
			slidesPerView :'4.8',
			onTransitionEnd: function(swiper){
			  if(swiper.progress==1){
				  swiper.activeIndex=swiper.slides.length-1
			  }
          	}
		})
	</script>
</html>
